import React, { userState, useState } from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
// root 节点  根节点
// root 节点范围内react 起作用
// JSX 是 js 的扩展语法，只在react中可以生效
// React 用来表达UI组件
// JSX 优点 UI  简单  方便
// JSX class 不能用，得用className
// js  class 关键字
// let name = '解封';
// JSX 模板
// const element = <h1 className='bd'>Hello, {name}!</h1>;
// 自定义组件
// const Hello = () => {
//   // JSX
//   return <div>Hello {name}</div>
// }
// obj Proxy
// let [dateStr, setDateStr] = useState(new Date().toLocaleTimeString())
let dateStr = new Date().toLocaleTimeString();
setInterval (() => {
  dateStr = new Date().toLocaleTimeString();
}, 1000)
ReactDOM.createRoot(document.getElementById('root')).render(
  // element
  // <Hello></Hello>
  // UI大舞台
  <div>
    <h1>Hello, world!</h1>
    <h2>现在是{dateStr}</h2>
  </div>
)
